<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

        <body>
                <ui:composition template="./templates/templateLogin.xhtml">
                        <ui:define name="content">
							<div align="center" style="margin-left:-92%; margin-top:80%" >
                                 <h:form>
									<p:focus context="panelLogin"/>
									<div style="padding:0 0 30px 0; border-radius: 10px; width: 700px; border:1px solid #cccccc; background:#ececed">
										<div style=" margin:10px; margin-bottom:50px; border-bottom: 1px solid #cccccc"></div>
										<div align="center" class="erroLogin positionErro" >
											<p:messages autoUpdate="true" />
										</div>  
										<h:outputLabel value="SisDoctor" style="font-size:30px"/>
										<br/>
										<br/>
										<div style="border:1px solid #cccccc; border-radius: 10px; margin:0 10px; padding:10px; background:url(#{request.contextPath}/images/bgCaixa.gif) repeat;">
											<p:panel id="panelLogin" style="border:none !important; background:url(#{request.contextPath}/images/bgCaixa.gif) repeat;">
												<h:panelGrid columns="2" cellpadding="0">
													<p:graphicImage value="/images/login.png" border="0" />
														<h:panelGrid columns="3" cellpadding="3">
															<h:outputLabel for="username" value="Usuário: " />
		                                        			<p:inputText value="#{loginBean.usuario}" id="username" required="true" label="username"  requiredMessage="Campo obrigatorio" size="25"/>
															<br/>
															
															<h:outputLabel for="password" value="Senha:  " />
		                                       				<p:password value="#{loginBean.senha}" id="password" label="password" feedback="false" size="25"/>
															<p:commandButton value="Login" ajax="false" update="growl" action="#{loginBean.loginPost}" />
														</h:panelGrid>
												</h:panelGrid>
											</p:panel>
										</div>
									</div>
								</h:form>
							</div>
							
							<style>
								.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
									background: none !important;
								}
								.ui-messages-error, .ui-message-error {
									border: none;
									text-align: left;
								}
							</style>
                        </ui:define>
                </ui:composition>

        </body>
</html>
